<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      let inputColor = prompt('请输入“true”或者“false”')
      //1声明函数
      function getColorRadios(flag = true) {
        if (flag) {
          //如果是true则执行这里
          //声明一个数组来存储16个数，因为随机数生成不了16进制数
          let arr = [
            '0',
            '1',
            '2',
            '3',
            '4',
            '5',
            '6',
            '7',
            '8',
            '9',
            'a',
            'b',
            'c',
            'd',
            'e',
            'f',
          ]
          //声明一个变量来拼接#ffffff这个颜色
          let str = '#'
          //利用for循环来取出6个数  拼接成16进制的颜色
          for (let i = 1; i <= 6; i++) {
            //声明一个变量，来存储产生的随机数
            let num = Math.floor(Math.random() * arr.length)
            //拼接字符串
            str += arr[num]
          }
          //返回  注意在for循环的作用域外面
          return str
          //
        } else {
          // 如果是false则执行这里
          // rgb(1,2,3)  里面需要三个值 所以需要三个随机数
          let r = Math.floor(Math.random() * 256)
          let g = Math.floor(Math.random() * 256)
          let b = Math.floor(Math.random() * 256)
          //返回rgb(1,2,3)
          return `rgb(${r},${g},${b})`
        }
      }
      //2调用函数
      // 测试打印成功 rgb
      // console.log(getColorRadios(false))
      // 测试打印成功 #ffffff
      // console.log(getColorRadios())
      // getColorRadios(false)
      //模板打印输出
      document.write(
        `<div style="width: 200px; height: 200px; background-color: ${getColorRadios(
          inputColor
        )}"></div>`
      )
    </script>
  </body>
</html>
